﻿<%@ include file="/static/include-console.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html  class="no-js">
<head>
	<title>用户管理</title>
	<%@ include file="/static/meta.jsp"%>
</head>
<body>
<!-- header -->
<%@ include file="../layout/header.jsp"%>
<div class="am-cf admin-main">
  <!-- sidebar  -->
  <%@ include file="../layout/menu.jsp"%>
  
  <!-- content start -->
  <div class="admin-content" >
   <!-- component template -->
	<script type="text/x-template" id="grid-template">
  <table  class="am-table am-table-bordered am-table-striped am-table-compact">
    <thead>
      <tr>
        <th v-for="key in columns"
          @click="sortBy(key)"
          :class="{active: sortKey == key}">
          {{key | capitalize}}
          <span class="arrow"
            :class="sortOrders[key] > 0 ? 'asc' : 'dsc'">
          </span>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="
        entry in data
        | filterBy filterKey
        | orderBy sortKey sortOrders[sortKey]">
        <td v-for="key in columns">
          {{entry[key]}}
        </td>
      </tr>
    </tbody>
  </table>
	</script>
	
	<!-- demo root element -->
	<div id="demo">
	  <form id="search">
	    Search <input name="query" v-model="searchQuery">
	  </form>
	  <demo-grid
	    :data="gridData"
	    :columns="gridColumns"
	    :filter-key="searchQuery">
	  </demo-grid>
	</div>
	
	<div id="haha">
       <v-client-table :data="tableData" :options="options"></v-client-table>
    </div>
		
		<div class="container">
			<div><a href="${reqRoot}/getall">获取全部</a></div>
			<div><a href="${reqRoot}/get/1/10">获取第1页，每页10条</a></div>
			<div><a href="${reqRoot}/get/1/1">获取第2页，每页1条demo</a></div>
		</div> 
  </div>

<footer id="footer-console"></footer>
</body>
	<script type="text/javascript" src="<%=cmpRoot%>/demo.js"></script>
    <script type="text/javascript" src="<%=path%>/static/lib/vue-tables.min.js"></script>
</html>